<template>
	<view class="nologin_empty no_login">
		<image :src="`${domain}/static/images/no_login.png`"></image>
		<!-- <view class="title">暂未登录</view> -->
		<!-- <text>~</text> -->
		<view class="end text"><text class="text">─── 登录是不是更好些 ───</text></view>
		
		<button class="login_btn" @click="authOpen">立即登录</button>
	</view>
</template>

<script>
	// +----------------------------------------------------------------------
	// | jufeiniu [中皮健康-陈皮之美-百年传承]
	// +----------------------------------------------------------------------
	// | Copyright (c) 2023 https://jufeiniu.com/ All rights reserved.
	// +----------------------------------------------------------------------
	// | Author: 巨说还行-乔欣弥弥-巨肥牛 <jufeiniu@163.com>
	// +----------------------------------------------------------------------
	// | Personal site: https://jufeiniu.com/
	// +----------------------------------------------------------------------
	import { toLogin } from '@/libs/login.js';
	import { HTTP_REQUEST_URL } from '@/config/app';
	export default {
			data(){
					
				return{
					domain: HTTP_REQUEST_URL,
				}
				
			},
		methods:{
			
			authOpen: function() {
				toLogin()
			},
		}
	}
</script>

<style lang="scss">
	.end{
		margin: 50rpx 0;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		.before,.after{
			display: flex;
			width: 22rpx;
			height: 1rpx;
			background: #999999;
			position: absolute;
			top: 18rpx;
			opacity: .5;
		}
		.before{
			left: -30rpx;
		}
		.after{
			right: -30rpx;
		}
		.text{
			color: #999999;
			font-size: 24rpx;
			
			
		}
	}
    .nologin_empty{
    	width: 100%;
    	text-align: center;
    	position:relative;
    	top: 200rpx;
    	/* #ifdef MP */
    	// top: 100rpx;
    	/* #endif */
    	image,uni-image{
    		display: inline-block;
    		width: 414rpx;
    		height: 305rpx;
    	}
    	.title{
    		font-size: 28rpx;
    		color: #282828;
    		font-weight: bold;
    		margin-bottom: 14rpx;
    	}
    	text{
    		display: block;
    		color: #999999;
    		font-size: 26rpx;
    	}
    	.login_btn{
    		width: 440rpx;
    		text-align: center;
    		height: 76rpx;
    		line-height: 76rpx;
    		color: var(--view-theme);
    		border: 1px solid var(--view-theme);
    		border-radius: 40rpx;
    		margin: 44rpx auto 0;
    		font-size: 32rpx;
    	}
    }
    .nocontent{
    	color: #999;
    	text-align: center;
    	font-size: 22rpx;
    }
    .heng{
    	font-size: 28rpx;
    	margin:0 10rpx;
    }
    .plant-show{
    	width: 42rpx;
    	height: 42rpx;
    	border-radius: 100%;
    	background: rgba(0,0,0,.5);
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	position: absolute;
    	top: 10rpx;
    	left: 10rpx;
    	.iconfont{
    		font-size: 20rpx;
    		color: #fff;
    		
    	}
    }
</style>